<!DOCTYPE html>
<html lang="en">
<head>
<!--    单标记标签-->
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
    我是普通文字
<!--    2.空格折叠现象:将连续的多个空格或换行折叠为一个空格显示-->
    <br>  <!--3.换行标签 单标记标签-->


    <!--1.文本基础效果标签-->
   <b>加粗文字bold</b>



   <i>斜体        文字italic</i>   <!-- 多个空格 和回车换行 变成1个空格-->



    <u>下划线文字underline</u>
    <br>



    <s>删除线文字</s>



    <mark>高亮标记文字(黄色)</mark>
<!--    4.转义符号 -->
    我最爱吃<苏东坡>做的红烧肉
    我最爱吃&lt; tom &gt;做的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红烧肉
    <br>
    &lt;梦&nbsp;里&nbsp;寻&nbsp;她&nbsp;千&nbsp;百&nbsp;度,漠&nbsp;然&nbsp;回&nbsp;首,那&nbsp;人&nbsp;却&nbsp;在&nbsp;灯&nbsp;火&nbsp;阑&nbsp;珊&nbsp;处&gt;

<!--        5标题标签 加粗 修改字号 独占一行 有垂直方向的上下间距-->
        <h1>我是标题<h1>
        <h2>我是标题<h2>
        <h3>我是标题<h3>
        <h4>我是标题<h4>
        <h5>我是标题<h5>
        <h6>我是标题<h6>
<!--            没有标题7.但不会报错,只是不渲染标题效果.-->
        <h7>我是标题<h7>

<!--         6段落标签 内容独占一行 有垂直方向的行间距 不会有文字效果 -->
            <p>我是段落<p>
            <p>我是段落<p>
            <p>我是段落<p>
<!--            7.分割线标签 生成一条灰色的水平分割线-->
            <hr>
<!--            8.生成假文 lorem后Tab补全-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores commodi deleniti dolore enim eveniet fuga illum ipsam nesciunt obcaecati officia provident, quod quos recusandae similique tempora temporibus ullam voluptatum?

<!--9.有序列表 ordered list-->
<!--            type a A i  3种-->
    <ol type ="i">
<!--        list item 列表项-->
        <li>把水烧开</li>
        <li>把面放进去</li>
        <li>把面捞出来</li>
        </ol>

<!--10.无序列表 unordered list-->
<!--            type="none" 去掉·-->
            <ul type="none">
<!--                list item 列表项-->
                <li>包子</li>
                <li>饺子</li>
                <li>云吞</li>
                </ul>
            <hr>

            <ul type="none">
                <li>热菜</li>
                <ol>
                    <li>西红柿牛腩</li>
                    <li>水煮肉片</li>
                    <li>宫保鸡丁</li>
                    <li>溜肉段</li>
                </ol>
                <li>凉菜</li>
                <ol>
                    <li>拍黄瓜</li>
                    <li>凉拌三丝</li>
                    <li>皮蛋豆腐</li>
                </ol>
                <li>主食</li>
                <ol>
                    <li>米饭</li>
                    <li>馒头</li>
                </ol>
            </ul>
            <hr>
            <h1 >个人简历</h1>
            <h2><b>基本信息</b></h2>
            <p>姓名:<b>传奇哥</b></p>
            <p>性别:男</p>
            <p>爱好:<s>摄影</s></p>
            <h2>个人经历<h2>
                <ul>
                    <li>小学9年</li>
                    <li>中学9年</li>
                    <li>高中12年</li>
                </ul>
            <h2>获得荣誉</h2>
                <ol>
                    <li>机甲收集达人</li>
                    <li>玩偶收集达人</li>
                </ol>

</body>
</html>